<%--
  document: create-account.jsp
  
  description:
    This form create a new user account.
 --%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%-- Tag libs --%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="core"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="html"%>

<%@include file="jspf/head.jspf" %>


<h1>Créer un compte</h1>

<core:view>
  
  <html:messages layout="table" style="color: red" showDetail="false" showSummary="true" />
  
  <html:form>
    <html:panelGrid columns="2">
      
      <%-- Login --%>
      <html:outputText  value="Login : " />
      <html:inputText   value="#{RegisterControler.login}" required="#{true}">
        <core:validateLength minimum="5" />
        <core:attribute name="error-message"
                        value="Un login d''au moins 5 caractères est neccéssaire" />
      </html:inputText>
      
      <%-- Mot de passe --%>
      <html:outputText value="Mot de passe : " />
      <html:inputSecret value="#{RegisterControler.password}" required="#{true}">
        <core:validateLength minimum="5" />
        <core:attribute name="error-message"
                        value="Un mot de passe d''au moins 5 caractères est neccéssaire" />
      </html:inputSecret>
      
      <%-- Name --%>
      <html:outputText  value="Nom : " />
      <html:inputText   value="#{RegisterControler.name}" required="#{true}">
        <core:attribute name="error-message" value="Un nom est necéssaire" />
      </html:inputText>
      
      <%-- Firstname --%>
      <html:outputText  value="Prénom : " />
      <html:inputText   value="#{RegisterControler.firstname}" required="#{true}">
        <core:attribute name="error-message" value="Un nom est nécessaire" />
      </html:inputText>
      
      <%-- Mail --%>
      <html:outputText  value="E-mail : " />
      <html:inputText   value="#{RegisterControler.mail}" required="#{true}">
        <%-- TODO: valider le format de l'adresse mail --%>
        <core:attribute name="error-message" value="Un prénom est nécessaire" />
      </html:inputText>
      
      <%-- Street --%>
      <html:outputText  value="Rue : " />
      <html:inputText   value="#{RegisterControler.street}" required="#{true}">
        <core:attribute name="error-message" value="Une rue pour l''adresse est nécessaire" />
      </html:inputText>
      
      <%-- Postal Code --%>
      <html:outputText  value="Code postal : " />
      <html:inputText   value="#{RegisterControler.postalCode}" required="#{true}">
        <core:attribute name="error-message" value="Un code postal est nécessaire" />
      </html:inputText>
      
      <%-- Town --%>
      <html:outputText  value="Ville : " />
      <html:inputText   value="#{RegisterControler.city}" required="#{true}">
        <core:attribute name="error-message" value="Une ville est nécessaire" />
      </html:inputText>
      
      <%-- Phone --%>
      <html:outputText  value="Téléphone : " />
      <html:inputText   value="#{RegisterControler.phone}" />
      
      <%-- Country --%>
      <html:outputText  value="Pays : " />
      <html:inputText   value="#{RegisterControler.country}" />
      
      <%-- Balance --%>
      <html:outputText  value="Balance : " />
      <html:inputText   value="#{RegisterControler.balance}" />
      
      <%-- Newsletter --%>
      <html:selectBooleanCheckbox title="letter"
                                  style="text-align: right"
                                  value="#{RegisterControler.letter}" />
      <html:outputText value="Abonnement à la lettre d'information"/>
      
      <html:commandButton value="Enregistrer" action="#{RegisterControler.register}"/>
      
    </html:panelGrid>
  </html:form>
  
</core:view>

<%@include file="jspf/foot.jspf" %>
